<template>
  <view class="content">
    <view class="components-title">
      <view class="components-title-t">gg-picker-datetime5</view>
      <view class="components-title-d">日期时间选择</view>
    </view>
    <gg-nav-group>
      <gg-picker-datetime5 label="日期时间" v-model="formData.datetime" />
    </gg-nav-group>
    <gg-nav-group label="有默认时间">
      <gg-picker-datetime5 label="日期时间" v-model="formData.datetime2" />
    </gg-nav-group>
    <gg-nav-group label="有开始时间限制">
      <gg-picker-datetime5 label="日期时间" v-model="formData.datetime3" start="2020-07-24 12:28" />
    </gg-nav-group>
    <gg-nav-group label="有结束时间限制">
      <gg-picker-datetime5 label="日期时间" v-model="formData.datetime4" end="2020-08-21 12:00" />
    </gg-nav-group>
    <gg-nav-group label="日期自定义‘/’拼接">
      <gg-picker-datetime5 label="日期时间" v-model="formData.datetime5" joint="/" />
    </gg-nav-group>
    <gg-nav-group label="有开始和结束时间限制">
      <gg-picker-datetime5 label="日期时间" v-model="formData.datetime6" start="2020-07-24 12:28" end="2020-08-21 12:00" />
    </gg-nav-group>
  </view>
</template>

<script>
export default {
  data() {
    return {
      formData: {
        datetime: '',
        datetime2: '2020-08-16 19:41',//2020-07-24 12:00
        datetime3: '',
        datetime4: '',
        datetime5: '',
        datetime6: '',
      },
    };
  },
  onLoad() { },
  methods: {

  }
}
</script>